<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>火车购票</title>
    <link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/ticket_order.css" />
</head>

<body>
    <section id="index" class="page  mui-content">
        <header class="header mui-row">
            <a class="back " href="javascript:history.go(-1)">
                <span class="mui-icon mui-icon-arrowleft"></span>返回
            </a>
            <h3 class="title">2017-8-18</h3>
        </header>
        <section>
            <div class="flight-list-content">
                <div class="item">
                    <div class="mui-row car-info">
                        <div class="mui-col-xs-3">
                            <p class="form-time">
                                09:20
                            </p>
                            <p class="car-info-addr">杭州东</p>
                        </div>
                        <div class="mui-col-xs-6">
                            <p class="car-info-car">G3670</p>
                            <p class="car-info-img">
                                <b></b>
                            </p>
                            <p class="all-time">0时55分钟</p>
                        </div>
                        <div class="mui-col-xs-3">
                            <p class="form-time">
                                09:20
                            </p>
                            <p class="car-info-addr">上海虹桥</p>
                        </div>
                        <b class="yuan1"></b>
                        <b class="yuan2"></b>
                    </div>
                    <div class="mui-row border-1">
                        <div class="mui-col-xs-6 label-l only_search">没票可接受无座</div>
                        <div class="mui-col-xs-6  only_search">
                            <div class="r mui-switch  mui-switch-green mui-switch">
                                <div class="mui-switch-handle"></div>
                            </div>
                        </div>
                    </div>
                    <div class="mui-row car-info-detail">
                        <div class="mui-col-xs-4 t_l">二等座</div>
                        <div class="mui-col-xs-4 t_c">¥78</div>
                        <div class="mui-col-xs-4 t_r">余票：26</div>
                    </div>
                </div>
                <div class="passenger">
                    <div>
                        <div class="mui-row passenger-all">
                            <div class="mui-col-xs-10">
                                <p class='passenger-name'>马化腾</p>
                                <p class='passenger-card'>
                                    身份证：33645199572647765
                                </p>
                            </div>
                            <div class="mui-col-xs-2 passenger-del">
                                <span class="mui-icon mui-icon-trash"></span>
                            </div>
                        </div>
                        <div class="mui-row passenger-all">
                            <div class="mui-col-xs-10">
                                <p class='passenger-name'>马化腾</p>
                                <p class='passenger-card'>
                                    身份证：33645199572647765
                                </p>
                            </div>
                            <div class="mui-col-xs-2 passenger-del">
                                <span class="mui-icon mui-icon-trash"></span>
                            </div>
                        </div>
                    </div>

                    <div class='passenger-add'>
                        添加乘客
                    </div>
                </div>
                <div class="phone">
                    <div class="mui-row">
                        <div class="mui-col-xs-6 t_l ">联系电话</div>
                        <div class="mui-col-xs-6 t_r phone_num">187637458577</div>
                    </div>
                </div>
                <div class="agree">
                    <b></b>已经阅读并同意<span>《亿乐GO火车票预订条款》</span>
                </div>
            </div>
        </section>
        <aside class="mui-row aside">
            <div class="mui-col-xs-8">
                <p class="aside-price"><span>¥</span>156.00</p>
                <p class="aside-info">当前非实际付款价格</p>
            </div>
            <div class="mui-col-xs-4">
                <button type="button" class="mui-btn mui-btn-primary btn1">提交订单</button>
            </div>
        </aside>
    </section>
</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<!--插件  日期  -->
<script src="../../../public/static/v1/js/carticket/ticket_order.js"></script>